<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Electronics</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="description" content="Demo store for Magento theme" />
<meta name="keywords" content="magento, theme, themes, magento premium themes, magento templates" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'js/blank.html';
    var BLANK_IMG = 'js/spacer.gif';
//]]>
</script>
<![endif]-->

<link rel="stylesheet" type="text/css" href="css/all.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<script type="text/javascript" src="js/all.js"></script>
<link rel="canonical" href="electronics.html" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie7_all.css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="js/ie7.js"></script>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="js/ie7_lte_all.css" media="all" />
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="css/ie8.css" media="all" />
<![endif]-->

<script type="text/javascript">
//<![CDATA[
Mage.Cookies.path     = '/demo';
Mage.Cookies.domain   = '.ultimo.infortis-themes.com';
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
optionalZipCountries = ["HK","IE","MO","PA"];
//]]>
</script>
<script type="text/javascript">//<![CDATA[
        var Translator = new Translate([]);
        //]]></script>


<link rel="stylesheet" type="text/css" href="css/_grid_fourth.css" media="all" />

<link rel="stylesheet" type="text/css" href="css/_layout_fourth.css" media="all" />

<link rel="stylesheet" type="text/css" href="css/_design_fourth.css" media="all" />




<link href='//fonts.googleapis.com/css?family=Oswald&subset=latin' rel='stylesheet' type='text/css'>




	<script type="text/javascript">
		jQuery(function($) { $(".main").addClass("show-bg"); });
	</script>
</head>
<body class=" catalog-category-view categorypath-electronics-html category-electronics">
<!-- BEGIN GOOGLE ANALYTICS CODEs -->
<script type="text/javascript">
//<![CDATA[
    var _gaq = _gaq || [];
    
_gaq.push(['_setAccount', 'UA-29740436-2']);
_gaq.push(['_trackPageview']);
    
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

//]]>
</script>
<!-- END GOOGLE ANALYTICS CODE -->
<div class="wrapper">
        <noscript>
        <div class="global-site-notice noscript">
            <div class="notice-inner">
                <p>
                    <strong>JavaScript seems to be disabled in your browser.</strong><br />
                    You must have JavaScript enabled in your browser to utilize the functionality of this website.                </p>
            </div>
        </div>
    </noscript>
    <div class="page">
        <div class="header-container" id="top">

    <div class="header container">
    <div class="grid-full">
    
    	<div class="header-top clearer">
                        	<div class="block_header_top_help item item-left"><div class="hide-below-768 phone" title="You can put here a phone number or some additional help info">Call Us +001 555 801</div></div>
                                    	<div class="block_header_links_upper item item-left"><div class="show-separators">

	<ul class="links">
		<li class="first hide-below-480">
			<a href="#">Collapsible</a>
		</li>
		<li class="hide-below-960">
			<a href="http://infortis-themes.com/">Magento</a>
		</li>
		<li class="hide-below-768">
			<a href="#">Header</a>
		</li>
		<li class="last hide-below-480">
			<a href="#">Links</a>
		</li>
	</ul>

</div></div>
                        <div class="item item-left hide-below-960">
            	<p class="welcome-msg">Welcome, a a! </p>
			</div>
            
            
	
    <div class="dropdown-button currency-switcher item item-right">
    	<div class="inner">
			<p class="label hide-below-768">Currency:</p>
			<p class="text">USD</p>
        </div>
        <ul><li><a href="directory/currency/switch/currency/BRL/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/">BRL - Brazilian Real</a></li><li><a href="directory/currency/switch/currency/GBP/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/">GBP - British Pound Sterling</a></li><li><a href="directory/currency/switch/currency/CNY/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/">CNY - Chinese Yuan Renminbi</a></li><li><a href="directory/currency/switch/currency/EUR/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/">EUR - Euro</a></li><li><a href="directory/currency/switch/currency/RUB/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/">RUB - Russian Ruble</a></li><li class="current">USD - US Dollar</li></ul>    </div>
                                    	<div class="block_header_top_right item item-right"><div class="dropdown-button lang-switcher item item-right hover" title="Multiple languages (this is only demo switcher so languages doesn't work)">

    	<div style="background-image:url(images/default.png)" class="inner" >
			<p class="label hide-below-768">Language:</p>
			<p class="text">English</p>
        </div>

<ul style="display: none;">
<li style="background-image:url(images/default.png);" class="current">English</li>
<li style="background-image:url(images/default_de.png);"><a href="#">German</a></li>
<li style="background-image:url(images/fr.png);"><a href="#">French</a></li>
<li style="background-image:url(images/it.png);"><a href="#">Italian</a></li>
</ul>

</div></div>
                    </div>
                
		<div class="header-main v v3">
        	<div class="logo-wrapper v-item">
			                <a href="" title="Premium Magento Themes" class="logo"><strong>Premium Magento Themes</strong><img src="images/logo.png" alt="Premium Magento Themes" /></a>
                        </div>
            
            <div class="header-top-search-wrapper v-item">
                <form id="search_mini_form" action="catalogsearch/result/" method="get">
    <div class="form-search">
        <label for="search">Search:</label>
        <input id="search" type="text" name="q" value="" class="input-text" maxlength="128" />
        <button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
        <div id="search_autocomplete" class="search-autocomplete"></div>
        <script type="text/javascript">
        //<![CDATA[
            var searchForm = new Varien.searchForm('search_mini_form', 'search', 'Search entire store here...');
            searchForm.initAutocomplete('catalogsearch/ajax/suggest/', 'search_autocomplete');
        //]]>
        </script>
    </div>
</form>
                            </div>
            
            <div class="user-menu v-item clearer">
                <div id="mini-cart">
                    
        <div class="block-title clearer">
    
    	<div class="heading" title="View contents of your shopping cart">My Cart</div>
        
        <a class="summary" href="checkout/cart/" title="View contents of your shopping cart">
			
			            
            	<p class="amount">Cart <span>(4)</span></p>
                <p class="subtotal">
											<span class="price">$309.88</span>                    				</p>

			        
        </a> <!-- end: summary -->
        
		
    </div> <!-- end: block-title -->
    
    

                
            	<div class="block-content block">
        	<div class="block-content-inner">

				                
				                     <div class="block_mini_cart_above_products"><div style="padding:15px; background-color:#f5f5f5; color:#d90000;" title="Customizable CMS block for promo info">
<a class="go" href="">Check our latest super promotions!</a>
</div></div>
                            
                <p class="block-subtitle">Recently added item(s)</p>
                <ol id="cart-sidebar" class="mini-products-list">
                                    <li class="item">
            <a href="top7.html" title="Some Other Product" class="product-image"><img src="images/7b.jpg" width="50" height="50" alt="Some Other Product" /></a>
        <div class="product-details">
        <a href="checkout/cart/delete/id/7003/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" title="Remove This Item" onclick="return confirm('Are you sure you would like to remove this item from the shopping cart?');" class="btn-remove">Remove This Item</a>
                <a href="checkout/cart/configure/id/7003/" title="Edit item" class="btn-edit">Edit item</a>
                <p class="product-name"><a href="top7.html">Some Other Product</a></p>
        <strong>1</strong> x

    
                                <span class="price">$180.88</span>                    


    
    
            </div>
</li>
                                    <li class="item">
            <a href="top1.html" title="Product with Variants" class="product-image"><img src="images/3b.jpg" width="50" height="50" alt="Product with Variants" /></a>
        <div class="product-details">
        <a href="checkout/cart/delete/id/6997/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" title="Remove This Item" onclick="return confirm('Are you sure you would like to remove this item from the shopping cart?');" class="btn-remove">Remove This Item</a>
                <a href="" title="Edit item" class="btn-edit">Edit item</a>
                <p class="product-name"><a href="top1.html">Product with Variants</a></p>
        <strong>3</strong> x

    
                                <span class="price">$43.00</span>                    


    
    
                <div class="truncated">
          <div class="truncated_full_value">
            <dl class="item-options">
                                <dt>Select Color</dt>
                <dd>
                                        Black                                    </dd>
                                <dt>Select Size</dt>
                <dd>
                                        M                                    </dd>
                                <dt>Select Delivery Date</dt>
                <dd>
                                        Jan 2, 2013                                    </dd>
                                <dt>Additional Comment</dt>
                <dd>
                                        ád                                    </dd>
                            </dl>
          </div>
        <a href="#" onclick="return false;" class="details">Details</a>
        </div>
            </div>
</li>
                                </ol>
                <script type="text/javascript">decorateList('cart-sidebar', 'none-recursive')</script>
                
                <div class="actions">
                    <button type="button" title="View contents of your shopping cart" class="button btn-inline" onclick="setLocation('checkout/cart/')"><span><span>View shopping cart</span></span></button>
                    
                                        	<button type="button" title="Proceed to Checkout" class="button btn-checkout btn-inline " onclick="setLocation('checkout/onepage/')"><span><span>Proceed to Checkout</span></span></button>
						                                    </div>

			</div> <!-- end: block-content-inner -->
        </div> <!-- end: block-content -->
        
                </div>
                                <div class="after-mini-cart"></div>
                
                <div class="top-links show-separators">
                	<ul class="links">
                        <li class="first" ><a href="customer/account/" title="Account" >Account</a></li>
                                <li ><a href="wishlist/" title="Wishlist (1)" >Wishlist (1)</a></li>
                                <li class=" last" ><a href="customer/account/logout/" title="Log Out" >Log Out</a></li>
            </ul>
                </div> <!-- end: top-links -->

            </div> <!-- end: user-menu -->
        </div> <!-- end: v -->

	</div> <!-- end: grid unit -->
    </div> <!-- end: header -->
    
    
<div class="nav-container itemgrid itemgrid-6cols">
	<div class="nav container clearer show-bg">
    
    	<div id="mobnav" class="grid-full">
        	<a id="mobnav-trigger" href="">
            	<div class="icon"><div class="line"></div><div class="line"></div><div class="line"></div></div>
                <span>Menu</span>
			</a>
        </div>
        
        <ul class="accordion vertnav-top grid-full">
			<li class="level0 nav-5 level-top first">
<a href="women.html" class="level-top">
<span>Women</span>
</a>
</li><li class="level0 nav-6 level-top parent">
<a href="fashion.html" class="level-top">
<span>Fashion</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level0">
<li class="level1 nav-6-1 first parent">
<a href="tops.html">
<span>Tops</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-1-1 first">
<a href="evening-tops.html">
<span>Evening Tops</span>
</a>
</li><li class="level2 nav-6-1-2">
<a href="shirts-blouses.html">
<span>Shirts &amp; Blouses</span>
</a>
</li><li class="level2 nav-6-1-3">
<a href="tunics.html">
<span>Tunics</span>
</a>
</li><li class="level2 nav-6-1-4 last">
<a href="vests.html">
<span>Vests</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-2 parent">
<a href="dresses.html">
<span>Dresses</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-2-5 first">
<a href="casual-dresses.html">
<span>Casual Dresses</span>
</a>
</li><li class="level2 nav-6-2-6">
<a href="evening.html">
<span>Evening</span>
</a>
</li><li class="level2 nav-6-2-7">
<a href="designer.html">
<span>Designer</span>
</a>
</li><li class="level2 nav-6-2-8 last">
<a href="party.html">
<span>Party</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-3 parent">
<a href="shoes.html">
<span>Shoes</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-3-9 first">
<a href="flat-shoes.html">
<span>Flat Shoes</span>
</a>
</li><li class="level2 nav-6-3-10">
<a href="flat-sandals.html">
<span>Flat Sandals</span>
</a>
</li><li class="level2 nav-6-3-11">
<a href="boots.html">
<span>Boots</span>
</a>
</li><li class="level2 nav-6-3-12 last">
<a href="heels.html">
<span>Heels</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-4 parent">
<a href="jewelry.html">
<span>Jewelry</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-4-13 first">
<a href="bracelets.html">
<span>Bracelets</span>
</a>
</li><li class="level2 nav-6-4-14">
<a href="necklaces-pendants.html">
<span>Necklaces &amp; Pendants</span>
</a>
</li><li class="level2 nav-6-4-15 last">
<a href="pins-brooches.html">
<span>Pins &amp; Brooches</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-5 parent">
<a href="coats-jackets.html">
<span>Coats &amp; Jackets</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-5-16 first">
<a href="coats.html">
<span>Coats</span>
</a>
</li><li class="level2 nav-6-5-17">
<a href="jackets.html">
<span>Jackets</span>
</a>
</li><li class="level2 nav-6-5-18">
<a href="leather-jackets.html">
<span>Leather Jackets</span>
</a>
</li><li class="level2 nav-6-5-19 last">
<a href="blazers.html">
<span>Blazers</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-6 parent">
<a href="bags-purses.html">
<span>Bags &amp; Purses</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-6-20 first">
<a href="bags.html">
<span>Bags</span>
</a>
</li><li class="level2 nav-6-6-21">
<a href="designer-handbags.html">
<span>Designer Handbags</span>
</a>
</li><li class="level2 nav-6-6-22">
<a href="purses.html">
<span>Purses</span>
</a>
</li><li class="level2 nav-6-6-23 last">
<a href="shoulder-bags.html">
<span>Shoulder Bags</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-7 last parent">
<a href="lingerie.html">
<span>Lingerie</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-7-24 first">
<a href="bras.html">
<span>Bras</span>
</a>
</li><li class="level2 nav-6-7-25">
<a href="bodies.html">
<span>Bodies</span>
</a>
</li><li class="level2 nav-6-7-26">
<a href="lingerie-sets.html">
<span>Lingerie Sets</span>
</a>
</li><li class="level2 nav-6-7-27 last">
<a href="shapewear.html">
<span>Shapewear</span>
</a>
</li>
</ul>
</li>
</ul>
</li><li class="level0 nav-7 active level-top">
<a href="electronics.html" class="level-top">
<span>Electronics</span>
</a>
</li><li class="level0 nav-8 level-top last">
<a href="downloadable.html" class="level-top">
<span>Digital</span>
</a>
</li>        </ul>
    
    	<ul id="nav" class="grid-full wide">
        
        		            <li id="nav-home-link" class="level0 level-top">
            	                <a class="level-top" href=""><span>Home</span></a>
                            </li>
        
		<li class="level0 nav-1 level-top first">
<a href="women.html" class="level-top">
<span>Women</span>
</a>
</li><li class="level0 nav-2 level-top parent">
<a href="fashion.html" class="level-top">
<span>Fashion</span>
</a>
<ul class="level0">
<li class="level1 nav-2-1 first parent item">
<a href="tops.html">
<span>Tops</span>
</a>
<ul class="level1">
<li class="level2 nav-2-1-1 first">
<a href="evening-tops.html">
<span>Evening Tops</span>
</a>
</li><li class="level2 nav-2-1-2">
<a href="shirts-blouses.html">
<span>Shirts &amp; Blouses</span>
</a>
</li><li class="level2 nav-2-1-3">
<a href="tunics.html">
<span>Tunics</span>
</a>
</li><li class="level2 nav-2-1-4 last">
<a href="vests.html">
<span>Vests</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-2 parent item">
<a href="dresses.html">
<span>Dresses</span>
</a>
<ul class="level1">
<li class="level2 nav-2-2-5 first">
<a href="casual-dresses.html">
<span>Casual Dresses</span>
</a>
</li><li class="level2 nav-2-2-6">
<a href="evening.html">
<span>Evening</span>
</a>
</li><li class="level2 nav-2-2-7">
<a href="designer.html">
<span>Designer</span>
</a>
</li><li class="level2 nav-2-2-8 last">
<a href="party.html">
<span>Party</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-3 parent item">
<a href="shoes.html">
<span>Shoes</span>
</a>
<ul class="level1">
<li class="level2 nav-2-3-9 first">
<a href="flat-shoes.html">
<span>Flat Shoes</span>
</a>
</li><li class="level2 nav-2-3-10">
<a href="flat-sandals.html">
<span>Flat Sandals</span>
</a>
</li><li class="level2 nav-2-3-11">
<a href="boots.html">
<span>Boots</span>
</a>
</li><li class="level2 nav-2-3-12 last">
<a href="heels.html">
<span>Heels</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-4 parent item">
<a href="jewelry.html">
<span>Jewelry</span>
</a>
<ul class="level1">
<li class="level2 nav-2-4-13 first">
<a href="bracelets.html">
<span>Bracelets</span>
</a>
</li><li class="level2 nav-2-4-14">
<a href="necklaces-pendants.html">
<span>Necklaces &amp; Pendants</span>
</a>
</li><li class="level2 nav-2-4-15 last">
<a href="pins-brooches.html">
<span>Pins &amp; Brooches</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-5 parent item">
<a href="coats-jackets.html">
<span>Coats &amp; Jackets</span>
</a>
<ul class="level1">
<li class="level2 nav-2-5-16 first">
<a href="coats.html">
<span>Coats</span>
</a>
</li><li class="level2 nav-2-5-17">
<a href="jackets.html">
<span>Jackets</span>
</a>
</li><li class="level2 nav-2-5-18">
<a href="leather-jackets.html">
<span>Leather Jackets</span>
</a>
</li><li class="level2 nav-2-5-19 last">
<a href="blazers.html">
<span>Blazers</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-6 parent item">
<a href="bags-purses.html">
<span>Bags &amp; Purses</span>
</a>
<ul class="level1">
<li class="level2 nav-2-6-20 first">
<a href="bags.html">
<span>Bags</span>
</a>
</li><li class="level2 nav-2-6-21">
<a href="designer-handbags.html">
<span>Designer Handbags</span>
</a>
</li><li class="level2 nav-2-6-22">
<a href="purses.html">
<span>Purses</span>
</a>
</li><li class="level2 nav-2-6-23 last">
<a href="shoulder-bags.html">
<span>Shoulder Bags</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-7 last parent item">
<a href="lingerie.html">
<span>Lingerie</span>
</a>
<ul class="level1">
<li class="level2 nav-2-7-24 first">
<a href="bras.html">
<span>Bras</span>
</a>
</li><li class="level2 nav-2-7-25">
<a href="bodies.html">
<span>Bodies</span>
</a>
</li><li class="level2 nav-2-7-26">
<a href="lingerie-sets.html">
<span>Lingerie Sets</span>
</a>
</li><li class="level2 nav-2-7-27 last">
<a href="shapewear.html">
<span>Shapewear</span>
</a>
</li>
</ul>
</li>
</ul>
</li><li class="level0 nav-3 active level-top">
<a href="electronics.html" class="level-top">
<span>Electronics</span>
</a>
</li><li class="level0 nav-4 level-top last">
<a href="downloadable.html" class="level-top">
<span>Digital</span>
</a>
</li>
		                	<li class="nav-custom-link level0 level-top parent f-right">
            	                <a class="level-top" href="#"><span>Custom Block</span></a>
                <ul class="level0">
                	<div class="header-nav-dropdown-wrapper clearer"><div class="grid12-3">

	<h3 class="heading">Responsive Magento Theme</h3>
	<p>Ultimo is a premium Magento theme with advanced admin module. It's extremely customizable and fully responsive. Can be used for every type of store.</p>
	<a href="" style="color:red;">Buy this Magento theme</a>

</div>
<div class="grid12-3">

	<img src="images/01.png" alt="Image Example" />
	<h5 class="heading">Editable image size</h5>
	<p>Size of product image and thumbnails on product page editable from admin panel. Specify any size you like, images don&apos;t have to be square - keep the aspect ratio.</p>
	<a href="ultimo-responsive-magento-theme">More details</a>

</div>
<div class="grid12-3">

	<img src="images/01.png" alt="Image Example" />
	<h5 class="heading">Brand logo on product page</h5>
	<p>It can also be a link to any page, e.g. link to a category with products from that brand, link to the search results or any CMS page (editable from admin panel).</p>
	<a href="ultimo-responsive-magento-theme">More details</a>

</div>
<div class="grid12-3">

	<img src="images/01.png" alt="Image Example" />
	<h5 class="heading">Sliders for Up-sell and Related</h5>
	<p>There are sliders in Up-sell Products and Related Products blocks (visible if there are to many products). Now you can select as much related and up-sell products as you want, </p>
	<a href="ultimo-responsive-magento-theme">More details</a>

</div></div>
                </ul>
            </li>
				</ul>
	</div> <!-- end: nav -->
</div> <!-- end: nav-container -->

</div> <!-- end: header-container -->
        <div class="main-container col2-left-layout">
            <div class="main container">
                <div class="grid-full breadcrumbs">
    <ul>
                    <li class="home">
                            <a href="" title="Go to Home Page">Home</a>
                                        <span>/ </span>
                        </li>
                    <li class="category4">
                            <strong>Electronics</strong>
                                    </li>
            </ul>
</div>
                <div class="preface grid-full in-col1"></div>
                <div class="col-main grid4-3 grid-col2-main in-col2">
                                        <div class="page-title category-title">
        <h1>Electronics</h1>
</div>




    




<div class="category-products">
    <div class="toolbar">

        <div class="sorter">
    
    	<p class="amount">
            				Items 1 to 5 of 9 total                    </p>
        
        <div class="sort-by">
            <label>Sort By</label>
            <select onchange="setLocation(this.value)">
                            <option value="electronics.html?dir=asc&amp;order=position" selected="selected">
                    Position                </option>
                            <option value="electronics.html?dir=asc&amp;order=name">
                    Name                </option>
                            <option value="electronics.html?dir=asc&amp;order=price">
                    Price                </option>
                        </select>
                        	<a class="category-asc v-middle" href="electronics.html?dir=desc&amp;order=position" title="Set Descending Direction">Set Descending Direction</a>
                    </div>
        
        <div class="limiter">
            <label>Show</label>
            <select onchange="setLocation(this.value)">
                            <option value="electronics.html?limit=5" selected="selected">
                    5                </option>
                            <option value="electronics.html?limit=10">
                    10                </option>
                            <option value="electronics.html?limit=15">
                    15                </option>
                            <option value="electronics.html?limit=all">
                    All                </option>
                        </select> per page        </div>
        
                <p class="view-mode">
                                    <label>View as:</label>
                                                <a href="electronics.html?mode=grid" title="Grid" class="grid">Grid</a>&nbsp;
                                                                <span title="List" class="list">List</span>&nbsp;
                                                </p>
                
    </div> <!-- end: sorter -->
        
    	    <div class="pager">
        <div class="pages">
        <strong>Page:</strong>
        <ol>
        
        
        
                                    <li class="current">1</li>
                                                <li><a href="electronics.html?p=2">2</a></li>
                    

        
        
                    <li class="next">
                <a class="next i-next" href="electronics.html?p=2" title="Next">
                                        	Next                        
                                    </a>
            </li>
                </ol>

    </div>    </div>
        
</div>
            
        
        <ol class="products-list hover-effect" id="products-list">
            <li class="item">

                        <a href="phone1.html" title="Brand New Phone" class="product-image grid12-4 persistent-grid2-1">
            
            	<img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/295x/040ec09b1e35df139433887a97daa66f/p/h/phone1a_1.jpg" alt="Brand New Phone" />
                
                					<img class="alt-img" src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/295x/040ec09b1e35df139433887a97daa66f/p/h/phone2a_3.jpg" alt="Brand New Phone" />				                
            	<div class="sticker-wrapper top-left"><div class="sticker new">New</div></div>            
            </a>
                        <div class="product-shop grid12-5 persistent-grid2-1">
            	<div class="product-shop-inner">
					                    <h2 class="product-name"><a href="phone1.html" title="Brand New Phone">Brand New Phone</a></h2>
                                        	    <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                                        
                    <div class="desc std">
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pharetra faucibus congue. Aenean luctus dolor et purus malesuada luctus. Quisque ullamcorper ante viverra lectus fermentum quis rutrum erat sollicitudin. Fusce tortor massa.                    	<a href="phone1.html" title="Brand New Phone" class="link-learn">Learn More</a>
                    </div>
                </div>
			</div>
                
            <div class="right-column grid12-3 persistent-grid2-1">
            	

                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-21">
                                            <span class="price">$800.00</span>                                    </span>
                        
        </div>

                                    <p><button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('phone1.html?options=cart')"><span><span>Add to Cart</span></span></button></p>
                                
                <ul class="add-to-links clearer addto-textlink"><li><a href="wishlist/index/add/product/21/" class="link-wishlist" title="Add to Wishlist">Add to Wishlist</a></li><li><a href="catalog/product_compare/add/product/21/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" class="link-compare" title="Add to Compare">Add to Compare</a></li></ul>            </div>

        </li>
            <li class="item">

                        <a href="phone2.html" title="Phone with Variants" class="product-image grid12-4 persistent-grid2-1">
            
            	<img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/295x/040ec09b1e35df139433887a97daa66f/p/h/phone1e_1.jpg" alt="Phone with Variants" />
                
                					<img class="alt-img" src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/295x/040ec09b1e35df139433887a97daa66f/i/p/iphone2_2.jpg" alt="Phone with Variants" />				                
            	<div class="sticker-wrapper top-left"><div class="sticker new">New</div></div>            
            </a>
                        <div class="product-shop grid12-5 persistent-grid2-1">
            	<div class="product-shop-inner">
					                    <h2 class="product-name"><a href="phone2.html" title="Phone with Variants">Phone with Variants</a></h2>
                                        	    <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:80%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                                        
                    <div class="desc std">
                    	Custom Variants and Options let you create product customization options and fields quickly and easily. Any product can have custom options.                    	<a href="phone2.html" title="Phone with Variants" class="link-learn">Learn More</a>
                    </div>
                </div>
			</div>
                
            <div class="right-column grid12-3 persistent-grid2-1">
            	

                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-22">
                                            <span class="price">$750.00</span>                                    </span>
                        
        </div>

                                    <p><button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('phone2.html?options=cart')"><span><span>Add to Cart</span></span></button></p>
                                
                <ul class="add-to-links clearer addto-textlink"><li><a href="wishlist/index/add/product/22/" class="link-wishlist" title="Add to Wishlist">Add to Wishlist</a></li><li><a href="catalog/product_compare/add/product/22/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" class="link-compare" title="Add to Compare">Add to Compare</a></li></ul>            </div>

        </li>
            <li class="item">

                        <a href="phone3.html" title="Configurable Phone" class="product-image grid12-4 persistent-grid2-1">
            
            	<img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/295x/040ec09b1e35df139433887a97daa66f/p/h/phone1d_1.jpg" alt="Configurable Phone" />
                
                					<img class="alt-img" src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/295x/040ec09b1e35df139433887a97daa66f/p/h/phone1gg.jpg" alt="Configurable Phone" />				                
            	<div class="sticker-wrapper top-right"><div class="sticker sale">Sale</div></div>            
            </a>
                        <div class="product-shop grid12-5 persistent-grid2-1">
            	<div class="product-shop-inner">
					                    <h2 class="product-name"><a href="phone3.html" title="Configurable Phone">Configurable Phone</a></h2>
                                        	    <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                                        
                    <div class="desc std">
                    	A Configurable product offers the customers a variety of options, which are selected from drop-down lists. For example, a tee shirt that comes in three colors and three sizes would have two drop-down lists of options for Color and Size.                    	<a href="phone3.html" title="Configurable Phone" class="link-learn">Learn More</a>
                    </div>
                </div>
			</div>
                
            <div class="right-column grid12-3 persistent-grid2-1">
            	

                
    <div class="price-box">
                                
                    <p class="old-price">
                <span class="price-label">Regular Price:</span>
                <span class="price" id="old-price-24">
                    $700.00                </span>
            </p>

                        <p class="special-price">
                <span class="price-label">Now only:</span>
                <span class="price" id="product-price-24">
                    $690.00                </span>
            </p>
                    
    
        </div>

                                    <p><button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('phone3.html?options=cart')"><span><span>Add to Cart</span></span></button></p>
                                
                <ul class="add-to-links clearer addto-textlink"><li><a href="wishlist/index/add/product/24/" class="link-wishlist" title="Add to Wishlist">Add to Wishlist</a></li><li><a href="catalog/product_compare/add/product/24/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" class="link-compare" title="Add to Compare">Add to Compare</a></li></ul>            </div>

        </li>
            <li class="item">

                        <a href="phone4.html" title="Simple Phone" class="product-image grid12-4 persistent-grid2-1">
            
            	<img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/295x/040ec09b1e35df139433887a97daa66f/p/h/phone1b_2.jpg" alt="Simple Phone" />
                
                									                
            	<div class="sticker-wrapper top-left"><div class="sticker new">New</div></div>            
            </a>
                        <div class="product-shop grid12-5 persistent-grid2-1">
            	<div class="product-shop-inner">
					                    <h2 class="product-name"><a href="phone4.html" title="Simple Phone">Simple Phone</a></h2>
                                        	    <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                                        
                    <div class="desc std">
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pharetra faucibus congue. Aenean luctus dolor et purus malesuada luctus. Quisque ullamcorper ante viverra lectus fermentum quis rutrum erat sollicitudin. Fusce tortor massa.                    	<a href="phone4.html" title="Simple Phone" class="link-learn">Learn More</a>
                    </div>
                </div>
			</div>
                
            <div class="right-column grid12-3 persistent-grid2-1">
            	

                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-29">
                                            <span class="price">$699.00</span>                                    </span>
                        
        </div>

                                    <p><button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('checkout/cart/add/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/product/29/')"><span><span>Add to Cart</span></span></button></p>
                                
                <ul class="add-to-links clearer addto-textlink"><li><a href="wishlist/index/add/product/29/" class="link-wishlist" title="Add to Wishlist">Add to Wishlist</a></li><li><a href="catalog/product_compare/add/product/29/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" class="link-compare" title="Add to Compare">Add to Compare</a></li></ul>            </div>

        </li>
            <li class="item last">

                        <a href="phone5.html" title="Phone Blue" class="product-image grid12-4 persistent-grid2-1">
            
            	<img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/295x/040ec09b1e35df139433887a97daa66f/p/h/phone1ff_1_1.jpg" alt="Phone Blue" />
                
                									                
            	<div class="sticker-wrapper top-left"><div class="sticker new">New</div></div>            
            </a>
                        <div class="product-shop grid12-5 persistent-grid2-1">
            	<div class="product-shop-inner">
					                    <h2 class="product-name"><a href="phone5.html" title="Phone Blue">Phone Blue</a></h2>
                                        	    <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                                        
                    <div class="desc std">
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pharetra faucibus congue. Aenean luctus dolor et purus malesuada luctus. Quisque ullamcorper ante viverra lectus fermentum quis rutrum erat sollicitudin. Fusce tortor massa.                    	<a href="phone5.html" title="Phone Blue" class="link-learn">Learn More</a>
                    </div>
                </div>
			</div>
                
            <div class="right-column grid12-3 persistent-grid2-1">
            	

                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-30">
                                            <span class="price">$400.00</span>                                    </span>
                        
        </div>

                                    <p><button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('checkout/cart/add/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/product/30/')"><span><span>Add to Cart</span></span></button></p>
                                
                <ul class="add-to-links clearer addto-textlink"><li><a href="wishlist/index/add/product/30/" class="link-wishlist" title="Add to Wishlist">Add to Wishlist</a></li><li><a href="catalog/product_compare/add/product/30/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" class="link-compare" title="Add to Compare">Add to Compare</a></li></ul>            </div>

        </li>
        </ol>
    <script type="text/javascript">decorateList('products-list', 'none-recursive')</script>
    
    
    
    
    <div class="toolbar-bottom">
        <div class="toolbar">

        <div class="sorter">
    
    	<p class="amount">
            				Items 1 to 5 of 9 total                    </p>
        
        <div class="sort-by">
            <label>Sort By</label>
            <select onchange="setLocation(this.value)">
                            <option value="electronics.html?dir=asc&amp;order=position" selected="selected">
                    Position                </option>
                            <option value="electronics.html?dir=asc&amp;order=name">
                    Name                </option>
                            <option value="electronics.html?dir=asc&amp;order=price">
                    Price                </option>
                        </select>
                        	<a class="category-asc v-middle" href="electronics.html?dir=desc&amp;order=position" title="Set Descending Direction">Set Descending Direction</a>
                    </div>
        
        <div class="limiter">
            <label>Show</label>
            <select onchange="setLocation(this.value)">
                            <option value="electronics.html?limit=5" selected="selected">
                    5                </option>
                            <option value="electronics.html?limit=10">
                    10                </option>
                            <option value="electronics.html?limit=15">
                    15                </option>
                            <option value="electronics.html?limit=all">
                    All                </option>
                        </select> per page        </div>
        
                <p class="view-mode">
                                    <label>View as:</label>
                                                <a href="electronics.html?mode=grid" title="Grid" class="grid">Grid</a>&nbsp;
                                                                <span title="List" class="list">List</span>&nbsp;
                                                </p>
                
    </div> <!-- end: sorter -->
        
    	    <div class="pager">
        <div class="pages">
        <strong>Page:</strong>
        <ol>
        
        
        
                                    <li class="current">1</li>
                                                <li><a href="electronics.html?p=2">2</a></li>
                    

        
        
                    <li class="next">
                <a class="next i-next" href="electronics.html?p=2" title="Next">
                                        	Next                        
                                    </a>
            </li>
                </ol>

    </div>    </div>
        
</div>
    </div>
</div>

	<div class="block_category_below_collection std"><div class="nested-container hide-below-768">

    <div class="page-banners clearer">
        <div class="grid12-6 banner">
            <a href="about-magento-demo-store" title="Replace this image with your own">
                <img src="images/01.png" alt="Sample banner" />
            </a>
        </div>
        <div class="grid12-6 banner">
            <a href="about-magento-demo-store" title="Replace this image with your own">
                <img src="images/03.png" alt="Sample banner" />
            </a>
        </div>
    </div>

</div></div>
<div id="map-popup" class="map-popup" style="display:none;">
    <a href="#" class="map-popup-close" id="map-popup-close">x</a>
    <div class="map-popup-arrow"></div>
    <div class="map-popup-heading"><h2 id="map-popup-heading"></h2></div>
    <div class="map-popup-content" id="map-popup-content">
        <div class="map-popup-checkout">
            <form action="" method="POST" id="product_addtocart_form_from_popup">
                <input type="hidden" name="product" class="product_id" value="" id="map-popup-product-id" />
                <div class="additional-addtocart-box">
                                    </div>
                <button type="button" title="Add to Cart" class="button btn-cart" id="map-popup-button"><span><span>Add to Cart</span></span></button>
            </form>
        </div>
        <div class="map-popup-msrp" id="map-popup-msrp-box"><strong>Price:</strong> <span style="text-decoration:line-through;" id="map-popup-msrp"></span></div>
        <div class="map-popup-price" id="map-popup-price-box"><strong>Actual Price:</strong> <span id="map-popup-price"></span></div>
        <script type="text/javascript">
        //<![CDATA[
            document.observe("dom:loaded", Catalog.Map.bindProductForm);
        //]]>
        </script>
    </div>
    <div class="map-popup-text" id="map-popup-text">Our price is lower than the manufacturer's &quot;minimum advertised price.&quot;  As a result, we cannot show you the price in catalog or the product page. <br /><br /> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.</div>
    <div class="map-popup-text" id="map-popup-text-what-this">Our price is lower than the manufacturer's &quot;minimum advertised price.&quot;  As a result, we cannot show you the price in catalog or the product page. <br /><br /> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.</div>
</div>
                </div>
                <div class="col-left sidebar grid4-1 grid-col2-sidebar in-sidebar"><div class="block block-vertnav hide-below-768">
	<div class="block-title">
		<strong><span>Categories</span></strong>
	</div>
	<div class="block-content">

		<ul class="accordion vertnav clearer">
			<li class="level0 nav-1 level-top first">
<a href="women.html" class="level-top">
<span>Women</span>
</a>
</li><li class="level0 nav-2 level-top parent">
<a href="fashion.html" class="level-top">
<span>Fashion</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level0">
<li class="level1 nav-2-1 first parent">
<a href="tops.html">
<span>Tops</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-2-1-1 first">
<a href="evening-tops.html">
<span>Evening Tops</span>
</a>
</li><li class="level2 nav-2-1-2">
<a href="shirts-blouses.html">
<span>Shirts &amp; Blouses</span>
</a>
</li><li class="level2 nav-2-1-3">
<a href="tunics.html">
<span>Tunics</span>
</a>
</li><li class="level2 nav-2-1-4 last">
<a href="vests.html">
<span>Vests</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-2 parent">
<a href="dresses.html">
<span>Dresses</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-2-2-5 first">
<a href="casual-dresses.html">
<span>Casual Dresses</span>
</a>
</li><li class="level2 nav-2-2-6">
<a href="evening.html">
<span>Evening</span>
</a>
</li><li class="level2 nav-2-2-7">
<a href="designer.html">
<span>Designer</span>
</a>
</li><li class="level2 nav-2-2-8 last">
<a href="party.html">
<span>Party</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-3 parent">
<a href="shoes.html">
<span>Shoes</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-2-3-9 first">
<a href="flat-shoes.html">
<span>Flat Shoes</span>
</a>
</li><li class="level2 nav-2-3-10">
<a href="flat-sandals.html">
<span>Flat Sandals</span>
</a>
</li><li class="level2 nav-2-3-11">
<a href="boots.html">
<span>Boots</span>
</a>
</li><li class="level2 nav-2-3-12 last">
<a href="heels.html">
<span>Heels</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-4 parent">
<a href="jewelry.html">
<span>Jewelry</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-2-4-13 first">
<a href="bracelets.html">
<span>Bracelets</span>
</a>
</li><li class="level2 nav-2-4-14">
<a href="necklaces-pendants.html">
<span>Necklaces &amp; Pendants</span>
</a>
</li><li class="level2 nav-2-4-15 last">
<a href="pins-brooches.html">
<span>Pins &amp; Brooches</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-5 parent">
<a href="coats-jackets.html">
<span>Coats &amp; Jackets</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-2-5-16 first">
<a href="coats.html">
<span>Coats</span>
</a>
</li><li class="level2 nav-2-5-17">
<a href="jackets.html">
<span>Jackets</span>
</a>
</li><li class="level2 nav-2-5-18">
<a href="leather-jackets.html">
<span>Leather Jackets</span>
</a>
</li><li class="level2 nav-2-5-19 last">
<a href="blazers.html">
<span>Blazers</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-6 parent">
<a href="bags-purses.html">
<span>Bags &amp; Purses</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-2-6-20 first">
<a href="bags.html">
<span>Bags</span>
</a>
</li><li class="level2 nav-2-6-21">
<a href="designer-handbags.html">
<span>Designer Handbags</span>
</a>
</li><li class="level2 nav-2-6-22">
<a href="purses.html">
<span>Purses</span>
</a>
</li><li class="level2 nav-2-6-23 last">
<a href="shoulder-bags.html">
<span>Shoulder Bags</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-7 last parent">
<a href="lingerie.html">
<span>Lingerie</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-2-7-24 first">
<a href="bras.html">
<span>Bras</span>
</a>
</li><li class="level2 nav-2-7-25">
<a href="bodies.html">
<span>Bodies</span>
</a>
</li><li class="level2 nav-2-7-26">
<a href="lingerie-sets.html">
<span>Lingerie Sets</span>
</a>
</li><li class="level2 nav-2-7-27 last">
<a href="shapewear.html">
<span>Shapewear</span>
</a>
</li>
</ul>
</li>
</ul>
</li><li class="level0 nav-3 active level-top">
<a href="electronics.html" class="level-top">
<span>Electronics</span>
</a>
</li><li class="level0 nav-4 level-top last">
<a href="downloadable.html" class="level-top">
<span>Digital</span>
</a>
</li>		</ul>
    </div>
</div>
<div class="block block-layered-nav">
    <div class="block-title">
        <strong><span>Shop By</span></strong>
    </div>
    <div class="block-content">
                                    <p class="block-subtitle">Shopping Options</p>
            <dl id="narrow-by-list">
                                                                    <dt>Category</dt>
                    <dd>
<ol>
    <li>
                <a href="electronics.html?cat=14">Smartphones</a>
                        (3)
            </li>
    <li>
                <a href="electronics.html?cat=11">Cell Phones</a>
                        (6)
            </li>
</ol>
</dd>
                                                                    <dt>Price</dt>
                    <dd>
<ol>
    <li>
                <a href="electronics.html?price=-1000"><span class="price">$0.00</span> - <span class="price">$999.99</span></a>
                        (7)
            </li>
    <li>
                <a href="electronics.html?price=1000-"><span class="price">$1,000.00</span> and above</a>
                        (2)
            </li>
</ol>
</dd>
                                                                    <dt>Manufacturer</dt>
                    <dd>
<ol>
    <li>
                <a href="electronics.html?manufacturer=18">Company</a>
                        (4)
            </li>
    <li>
                <a href="electronics.html?manufacturer=11">Samsung</a>
                        (3)
            </li>
    <li>
                <a href="electronics.html?manufacturer=10">Apple</a>
                        (3)
            </li>
</ol>
</dd>
                                                                    <dt>Color</dt>
                    <dd>
<ol>
    <li>
                <a href="electronics.html?color=16">White</a>
                        (1)
            </li>
    <li>
                <a href="electronics.html?color=15">Black</a>
                        (4)
            </li>
    <li>
                <a href="electronics.html?color=20">Gray</a>
                        (1)
            </li>
    <li>
                <a href="electronics.html?color=14">Blue</a>
                        (2)
            </li>
    <li>
                <a href="electronics.html?color=22">Dark Blue</a>
                        (4)
            </li>
    <li>
                <a href="electronics.html?color=21">Violet</a>
                        (1)
            </li>
</ol>
</dd>
                                            </dl>
            <script type="text/javascript">decorateDataList('narrow-by-list')</script>
            </div>
</div>
<div class="block">
	<div class="block-title">
		<strong><span>Custom Block - Top</span></strong>
	</div>

	<p style="background-color: #f5f5f5; color:#666; padding:10px; margin-bottom:10px; margin-top:10px;">
		Custom CMS block displayed in the sidebar. Put your own content here: text, HTML, images etc.
	</p>
	<p style="background-color: #f5f5f5; color:#666; padding:10px; margin-bottom:10px; margin-top:10px;">
		There are <strong>many similar blocks</strong> across the store. All editable from admin panel.
	</p>
</div><div class="block block-list block-compare">
    <div class="block-title">
        <strong><span>Compare             
                <small>(2)</small>
                    </span></strong>
    </div>
    <div class="block-content">
            <ol id="compare-items">
                    <li class="item">
                <input type="hidden" class="compare-item-id" value="37" />
                <a href="catalog/product_compare/remove/product/37/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" title="Remove This Item" class="btn-remove" onclick="return confirm('Are you sure you would like to remove this item from the compare products?');">Remove This Item</a>
                <p class="product-name"><a href="top3.html">Product Example</a></p>
            </li>
                    <li class="item">
                <input type="hidden" class="compare-item-id" value="39" />
                <a href="catalog/product_compare/remove/product/39/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" title="Remove This Item" class="btn-remove" onclick="return confirm('Are you sure you would like to remove this item from the compare products?');">Remove This Item</a>
                <p class="product-name"><a href="top4.html">New Hot Top</a></p>
            </li>
                </ol>
        <script type="text/javascript">decorateList('compare-items')</script>
        <div class="actions">
            <a href="catalog/product_compare/clear/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/" onclick="return confirm('Are you sure you would like to remove all products from your comparison?');">Clear All</a>
            <button type="button" title="Compare" class="button" onclick="popWin('catalog/product_compare/index/items/37,39/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw,/','compare','top:0,left:0,width=820,height=600,resizable=yes,scrollbars=yes')"><span><span>Compare</span></span></button>
        </div>
        </div>
</div>
<div class="block block-list block-viewed">
    <div class="block-title">
        <strong><span>Recently Viewed Products</span></strong>
    </div>
    <div class="block-content">
        <ol id="recently-viewed-items">
                    <li class="item">
                <p class="product-name"><a href="phone1.html">Brand New Phone</a></p>
            </li>
                    <li class="item">
                <p class="product-name"><a href="top4.html">New Hot Top</a></p>
            </li>
                    <li class="item">
                <p class="product-name"><a href="top3.html">Product Example</a></p>
            </li>
                    <li class="item">
                <p class="product-name"><a href="dress7.html">Dress Example</a></p>
            </li>
                    <li class="item">
                <p class="product-name"><a href="top1.html">Product with Variants</a></p>
            </li>
                </ol>
        <script type="text/javascript">decorateList('recently-viewed-items');</script>
    </div>
</div>
<div class="block block-wishlist">
    <div class="block-title">
        <strong><span>My Wishlist <small>(1)</small></span></strong>
    </div>
    <div class="block-content">
    <p class="block-subtitle">Last Added Items</p>
        <ol class="mini-products-list" id="wishlist-sidebar">
                     <li class="item">
            <a href="top3.html" title="Product Example" class="product-image"><img src="images/2b_2.jpg" alt="Product Example" /></a>
            <div class="product-details">
                <a href="wishlist/index/remove/item/69/" title="Remove This Item" onclick="return confirm('Are you sure you would like to remove this item from the wishlist?');" class="btn-remove">Remove This Item</a>
                <p class="product-name"><a href="top3.html">Product Example</a></p>
                

                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-37-wishlist">
                                            <span class="price">$99.00</span>                                    </span>
                        
        </div>

                                    <a href="wishlist/index/cart/item/69/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL2VsZWN0cm9uaWNzLmh0bWw_X19fU0lEPVU,/" class="link-cart">Add to Cart</a>
                            </div>
        </li>
        </ol>
    <script type="text/javascript">decorateList('wishlist-sidebar');</script>
    <div class="actions">
        <a href="wishlist/">Go to Wishlist</a>
    </div>
        </div>
</div>
<div class="block">
	<div class="block-title">
		<strong><span>Custom Block - Bottom</span></strong>
	</div>
	<div class="block-content sample-block">
		<p>Custom CMS block displayed in the sidebar below the other blocks. Put your own content here.</p>
	</div>
	<div class="block-content sample-block">
		<p>There are many similar content placeholders across the store. All editable from admin panel.</p>
	</div>
</div></div>
                <div class="postscript grid-full in-col1"></div>
            </div>
        </div>
        
<div class="footer-container">

	<div class="footer-top-container section-container">
        <div class="footer-top footer container stretched">
            <div class="grid-full">
            
                <div class="section clearer show-separators">
                
                	                                            <div class="item float-left"><ul class="links">
                        <li class="first" ><a href="catalog/seo_sitemap/category/" title="Site Map" >Site Map</a></li>
                                <li ><a href="catalogsearch/term/popular/" title="Search Terms" >Search Terms</a></li>
                                <li ><a href="catalogsearch/advanced/" title="Advanced Search" >Advanced Search</a></li>
                                                                <li ><a href="contacts/" title="Contact Us" >Contact Us</a></li>
                                <li class=" last" ><a href="rss/" title="RSS" class="link-rss">RSS</a></li>
            </ul>
</div>
                                        
                                                            
                                                                <div class="item float-right"><ul class="links hide-below-768">

    <li class="first">
    	<a href="about-magento-demo-store/">About Us</a>
    </li>
    <li class="last">
    	<a href="customer-service/">Customer Service</a>
    </li>

</ul></div>
                                        
                </div> <!-- end: footer-top section -->
                
            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-top -->
    </div>
        
    <div class="footer-primary-container section-container padding-top padding-bottom">
        <div class="footer-primary footer container show-bg">
            <div class="grid-full">
            
                <div class="section clearer">
					<div class="persistent-grid2-1 grid12-3 alpha">	<div class="section-space std"><div class="feature first last">
	<img class="icon" src="images/info.png" />
	<h6 class="heading">About Ultimo Theme</h6>
	<p class="text">Lorem ipsum dolor sit, consectetur adipiscing elit. Etiam neque velit, blandit sed scelerisque quis.</p>
	<p class="text">Nullam ornare enim nec justo bibendum lobortis. In eget metus.</p>
	<a class="go" href="">Click to buy this theme</a>
</div></div></div><div class="persistent-grid2-1 grid12-3">	<div class="section-space std"><div class="feature indent first">
	<div class="icon">
		<img src="images/one.png" />
	</div>
	<p class="no-margin ">Lorem ipsum dolor sit consectetur, adipiscing elit</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/two.png" />
	</div>
	<p class="no-margin ">Etiam neque velit magento blanditsch ecommerce</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/three.png" />
	</div>
	<p class="no-margin ">Scelerique qui responsive magento themes lorem</p>
</div>
<div class="feature indent last">
	<div class="icon">
		<img src="images/four.png" />
	</div>
	<p class="no-margin ">Nullam premium templates omar enim nec del rio</p>
</div></div></div><div class="persistent-grid2-1 grid12-3">	<div class="section-space std"><h6 class="heading">Something About Us</h6>
<ul class="bullet">
<li><a href="about-magento-demo-store/">About Us</a></li>
<li><a href="privacy-policy-cookie-restriction-mode/">Privacy Policy</a></li>
<li><a href="customer-service/">Customer Service</a></li>
<li><a href="#">Meat Our Best Partners</a></li>
<li><a href="#">Our Other Projects</a></li>
<li><a href="#">One Click To Join Us</a></li>
<li><a href="#">Follow Us On Twitter</a></li>
<li><a href="http://infortis-themes.com/">Magento Themes</a></li>
</ul></div></div><div class="persistent-grid2-1 grid12-3 omega">	<div class="section-space std"><div class="feature indent first">
	<div class="icon">
		<img src="images/phone.png" />
	</div>
	<p class="no-margin ">Call Us +001 555 801<br/>Fax +001 555 802</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/mobile.png" />
	</div>
	<p class="no-margin ">+77 123 1234<br/>+42 98 9876</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/email.png" />
	</div>
	<p class="no-margin ">boss@example.com<br/>me@example.com</p>
</div>
<div class="feature indent last">
	<div class="icon">
		<img src="images/skype.png" />
	</div>
	<p class="no-margin ">Skype: contact_us<br/>skype_support</p>
</div></div></div>                </div> <!-- end: footer-primary section -->
                
                <div class="footer-primary-bottom section section-space">
                    <div class="footer-primary-bottom-inner clearer">
                    
						                        	<div class="item float-left clearer block_footer_primary_bottom_left"><div class="social-links">

	<a class="first" href="#" title="Join us on Facebook">
		<img src="images/facebook.png" alt="facebook" />
	</a>
	<a href="#" title="Follow us on Twitter">
		<img src="images/twitter.png" alt="twitter" />
	</a>
	<a href="#" title="Join us on Google Plus">
		<img src="images/googleplus.png" alt="google" />
	</a>
	<a href="#" title="Pinterest">
		<img src="images/pinterest.png" alt="pinterest" />
	</a>
	<a href="#" title="Watch us on YouTube">
		<img src="images/youtube.png" alt="youtube" />
	</a>

	<a class="first" href="#" title="Linked In">
		<img src="images/linkedin.png" alt="linked in" />
	</a>
	<a href="#" title="Pinterest">
		<img src="images/pinterest.png" alt="pinterest" />
	</a>
	<a href="#" title="Join us on Google Plus">
		<img src="images/googleplus.png" alt="google" />
	</a>
	<a href="#" title="Follow us on Twitter">
		<img src="images/twitter.png" alt="twitter" />
	</a>
	<a href="#" title="Watch us on YouTube">
		<img src="images/youtube.png" alt="youtube" />
	</a>

</div></div>
                                                
                                                
                                                    <div class="item float-right clearer">
                                
<div id="subscribe-form" class="clearer">
    <form action="newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
        <div>
            <label for="newsletter">Newsletter</label>
            <div class="input-box">
                <input type="text" name="email" id="newsletter" title="Sign up for our newsletter" class="input-text required-entry validate-email" />
            </div>
            <button type="submit" title="Subscribe" class="button btn-inline"><span><span>Subscribe</span></span></button>
        </div>
    </form>
</div>
<script type="text/javascript">
//<![CDATA[
    var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
    new Varien.searchForm('newsletter-validate-detail', 'newsletter', 'Enter your email address');
//]]>
</script>
                            </div>
                                                
                    </div> 
                </div> <!-- end: footer-primary-bottom -->
            
            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-primary -->
    </div>

    <div class="footer-secondary-container section-container">
        <div class="footer-secondary footer container">
            <div class="grid-full">
            
                <div class="section clearer">
					<div class="persistent-grid2-1 grid12-3 alpha">	<div class="section-space std"><h6 class="heading">First Heading</h6>
<ul class="bullet">
<li><a href="path/to/page/">This is just a sample store link</a></li>
<li><a href="path/to/page/">And this is some other link example</a></li>
<li><a href="path/to/page/">Another dummy text as anchor</a></li>
</ul></div></div><div class="persistent-grid2-1 grid12-3">	<div class="section-space std"><h6 class="heading">Second Sample Heading</h6>
<ul class="bullet">
<li><a href="path/to/page/">Some other link example</a></li>
<li><a href="path/to/page/">This is just a simple sample link</a></li>
<li><a href="path/to/page/">Another dummy text</a></li>
</ul></div></div><div class="persistent-grid2-1 grid12-3">	<div class="section-space std"><h6 class="heading">Third Heading</h6>
<ul class="bullet">
<li><a href="path/to/page/">Another nonsense text as link</a></li>
<li><a href="path/to/page/">This is just a simple sample link</a></li>
<li><a href="path/to/page/">Some other link example</a></li>
</ul></div></div><div class="persistent-grid2-1 grid12-3 omega">	<div class="section-space std"><h6 class="heading">Fourth Heading</h6>
<ul class="bullet">
<li><a href="path/to/page/">Last Sample Link</a></li>
<li><a href="path/to/page/">Some Other Link In Another</a></li>
<li><a href="path/to/page/">Link Example</a></li>
</ul></div></div>                </div> <!-- end: footer-secondary section -->

            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-secondary -->
    </div>
    
    <div class="footer-bottom-container section-container">
        <div class="footer-bottom footer container">
            <div class="grid-full">

                <div class="section clearer">
                
                	<div class="item float-left">
                    	<p class="footer-copyright">Copyright &copy; 2012 Advanced Magento Themes by Infortis. All Rights Reserved.<br/>
This is a demo store. Any orders placed through this store will not be honored or fulfilled.</p>
                    </div>
                    
                                        	<div class="item float-right block_footer_payment"><img src="images/payment.gif" alt="Payment methods" title="Sample image with payment methods" /></div>
                                        
                                        	<div class="item float-right"><div class="store-switcher">
    <label for="select-store">Select Store:</label>
    <select id="select-store" title="Select Store" onchange="location.href=this.value">
                        <option value="">Main Demo</option>
                    <option value="">Store 2</option>
                    <option value="">Store 3</option>
                    <option value="" selected="selected">Store 4</option>
        </select>
</div>
</div>
                                        
                    
                </div> <!-- end: footer-bottom section -->

            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-bottom -->
    </div>
    
    <a href="#top" id="scroll-to-top">To top</a>

</div> <!-- end: footer-container -->


<script type="text/javascript">

			function setGridItemsEqualHeight($)
	{
		var SPACING = 20;
		if ($(window).width() >= 480)
		{
			$('.category-products-grid').removeClass("auto-height");
			
			var gridItemMaxHeight = 0;
			$('.category-products-grid > .item').each(function() {
				$(this).css("height", "auto");
				
				////////////////////////////////////////////////////////////////
									var actionsHeight = $(this).find('.actions').height();
					$(this).css("padding-bottom", (actionsHeight + SPACING) + "px"); //Set new padding
								////////////////////////////////////////////////////////////////
				
				gridItemMaxHeight = Math.max(gridItemMaxHeight, $(this).height());
			});
			
			//Apply max height
			$('.category-products-grid > .item').css("height", gridItemMaxHeight + "px");
		}
		else
		{
			$('.category-products-grid').addClass("auto-height");
			$('.category-products-grid > .item').css("height", "auto");
			$('.category-products-grid > .item').css("padding-bottom", "20px");
		}
	}
		
		function activateMobileMenu($)
	{
		if ($(window).width() < 960)
		{
			$('#mobnav').show();
			$('.vertnav-top').addClass('mobile');
			$('#nav').addClass('mobile');
		}
		else
		{
			$('#nav').removeClass('mobile');
			$('.vertnav-top').removeClass('mobile');
			$('#mobnav').hide();
		}
	}
	
	

	jQuery(function($) {

				activateMobileMenu(jQuery);
		
				$('#mobnav-trigger').toggle(function() {
			$(this).addClass('active');
			$('.vertnav-top').addClass('show');
		}, function() {
			$(this).removeClass('active');
			$('.vertnav-top').removeClass('show');
		});

				$("#nav > li").hover(function() {
			$(this).find(".level0").stop(true, true).delay(150).fadeIn(300, "easeOutCubic");
		}, function() {
			$(this).find(".level0").stop(true, true).delay(150).fadeOut(300, "easeInCubic");
		});
		
				$("#mini-cart").hover(function() {
			$(this).addClass('hover');
			$("#mini-cart .block-content").stop(true, true).delay(300).fadeIn(500, "easeOutCubic");
		}, function() {
			$("#mini-cart .block-content").stop(true, true).delay(300).fadeOut(500, "easeInCubic");
		});
		
				$(".dropdown-button").mouseenter(function() {
			$(this).click();
		});
		$(".dropdown-button").click(function() {
			$(this).addClass('hover');
			var el = $(this).find("ul");
			if ($(window).width() >= 480)
				el.stop(true, true).delay(300).fadeIn(500, "easeOutCubic");
			else
				el.show();

			//Positionning
			var x = el.offset().left;
			if (x < 0)
			{
				var space = $(this).offset().left;
				el.css("left", (-1)*space);
				el.css("right", "auto");
			}
		}).mouseleave(function() {			
			var el = $(this).find("ul");
			if ($(window).width() >= 480)
				el.stop(true, true).delay(300).fadeOut(500, "easeInCubic");
			else
				el.hide();
			el.css("left", "");
			el.css("right", "");
		});
		
				$(window).scroll(function(){
			if ($(this).scrollTop() > 100)
			{
				$('#scroll-to-top').fadeIn();
			}
			else
			{
				$('#scroll-to-top').fadeOut();
			}
		});
		$('#scroll-to-top').click(function(){
			$("html, body").animate({scrollTop: 0}, 600, "easeOutCubic");
			return false;
		});
		
		
						
						$('.category-products-grid > .item').hover(function() {
				$(this).find(".display-onhover").fadeIn(400, "easeInCubic");
			}, function() {
				$(this).find(".display-onhover").hide();
			});
		
				
		
		/* On resize */
		var t;
		$(window).resize(function() {
			clearTimeout(t);
			t = setTimeout(function() {

													setGridItemsEqualHeight($);
								
								$('.itemslider').each(function(index){
					var s = $(this).data('flexslider');
					if (s != null) s.flexAnimate(0);
				});
				
								activateMobileMenu($);
				
			}, 100);
		});

	}); /* end: jQuery(){...} */
	
	
	
	jQuery(window).load(function(){
		
							setGridItemsEqualHeight(jQuery);
		
	}); /* end: jQuery(window).load(){...} */
	
</script>
            </div>
</div>
</body>
</html>
